/*---------------css变量-------------------  */


/*---------- 总容器 ----------*/
.frameMain {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  /* background-color: #F7F7F7; */
  /* background-color: #333333; */

}

/*---------- 状态栏 ----------*/
.frameStatusBar {
  width: 100%;
  height: 20px;
  /* background-color: #dddddd; */
  /* background-color: transparent; */
}

/*---------- 标题栏 ----------*/






/*----------- body -----------*/
.frameBodyScroll {
  flex: 1;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: var(--current-background-color);
}

.frameBodyContainer {
  width: 100%;
  background-color: var(--current-background-color);
  /* background-color: #ff0000; */
  display: flex;
  /* background-color: #333333; */
}

/* 适配phone的主页面和次级页面 */
.frameBodyContent {
  flex: 1;
  width: 100%-24px;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
  flex-direction: column;
}

/* 适配pad是主页面 */
.frameBodyContentForPad {
  flex: 1;
  width: 100%-48px;
  margin-left: 24px;
  margin-right: 24px;
  display: flex;
  flex-direction: column;
  background-color: var(--current-background-color);
  /* background-color: #333333; */
}

/* 适配pad的二级页面 */
.frameBodyContentForPadSecond {
  flex: 1;
  width: 100%-222px;
  margin-left: 111px;
  margin-right: 111px;
  display: flex;
  flex-direction: column;
  background-color: var(--current-background-color);
  /* background-color: #333333; */
}

/* 适配折叠屏的二级页面 */
.frameBodyContentForSpreadScreen {
  flex: 1;
  width: 100%-187.94px;
  margin-left: 93.97px;
  margin-right: 93.97px;
  display: flex;
  flex-direction: column;
  background-color: var(--current-background-color);
  /* background-color: #333333; */
}

/* 告警页面特殊 */
.frameTipMain {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: var(--current-background-color);
  /* background-color: #333333; */
}

.frameTipTitleBar {
  width: 100%;
  height: 56px;
  /* background-color: palegoldenrod; */
  flex-direction: row;
  align-items: center;
  display: flex;
  /* background-color: rgba(240, 241, 243, 1); */
  background-color: var(--current-background-color);
}

.frameTipBodyContent {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--current-background-color);
  /* background-color: #333333; */
}

.test-my {
  height: 300px;
  width: 100%-24px;
  margin-right: 12px;
  margin-left: 12px;
  background-color: #777777;
  color: #ffffff;
  text-align: center;
  overflow-x: scroll;
  overflow-y: scroll;
}
